<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../public/css/normalize.css">
    <link rel="stylesheet" href="css/layout-2.css">
    <title>margin Layout</title>
</head>
<body>
    <div id="demo-1">
        <header id="hd">头部</header>
        <div id="bd">
            <div id="main">
                    <p>主内容栏自适应宽度</p>
                    <img src="images/layout-1.png" alt="" />
            </div>
            <aside id="aside">侧边栏固定宽度</aside>
        </div>
        <footer id="ft">底部</footer>
    </div>
    <script src="../public/js/jquery.js"></script>
</body>
</html>
